<template>
	<view>
		<view class="modelBox">
			
			<view class="flex_b">
				<view class="font-30 font-weight">{{shopDetali.title||'暂未设置'}}</view>
		<!-- 		<view class="flex">
					<view class="grey iconfont icon-shoucang" style="font-size: 30rpx;"></view>
					<view class="grey font-26 m-l-16">收藏</view>
				</view> -->
			</view>
			
			<view class="flex_b m-t-20">
				<view class="m-r-62">
					<view class="font-26 m-b-10 grey">店铺编号</view>
					<view class="font-26 ">{{shopDetali.order_no||''}}</view>
				</view>
				<view class="m-r-62">
					<view class="font-26 m-b-10 grey">更新时间</view>
					<view class="font-26 ">{{$util.timeStampTurnTime(shopDetali.updatetime,'ymd')||''}}</view>
				</view>
				<view class="">
					<view class="font-26 m-b-10 grey">浏览量</view>
					<view class="font-26 ">{{shopDetali.browse_num||0}}</view>
				</view>
			</view>
			
			<view class="flex_b m-t-20 p-t-20" style="border-top: 2rpx solid #f4f4f5;">
				<view class="m-r-62">
					<view class="font-26 m-b-10 f-t" v-if="Number(shopDetali.total_price)">{{shopDetali.total_price||0}}元/月</view>
					<view class="font-26 m-b-10 f-t" v-else>面议</view>
					<view class="font-26 grey">月租</view>
				</view>
				<view class="m-r-62">
					<view class="font-26 m-b-10 f-t">{{arrs[Number(shopDetali.seeking_type)+1]}}</view>
					<view class="font-26 grey">类型</view>
				</view>
				<view class="">
					<view class="font-26 m-b-10 f-t">{{shopDetali.area||0}}m²</view>
					<view class="font-26 grey">面积</view>
				</view>
			</view>
		</view>
		
		<view class="modelBox">
			<view class="flex">
				<view class="font-26 grey w-200">位置</view>
				<view class="font-26">{{shopDetali.city||''}}{{shopDetali.district||''}}{{shopDetali.address||''}}</view>
			</view>
			<view class="flex m-t-20">
				<view class="font-26 grey w-200">楼层</view>
				<view class="font-26">{{shopDetali.floor||'不限'}}</view>
			</view>
		</view>
		
		<view class="modelBox">
			<view class="font-32 font-weight">配套设施</view>
			
			<view class="sheshiList">
				<view v-for="(item,index) in shopDetali.facility_text" :key="index" class="sheshiItem">
					<image :src="$util.img(item.image)" mode=""></image>
					<view class="font-24">{{item.name}}</view>
				</view>
			</view>
		</view>
		
		<view class="modelBox">
			<view class="font-32 font-weight">其他需求</view>
			<view class="">
				{{shopDetali.demand}}
			</view>
			
		</view>
		<view class="bottom-mar" style="height: 100rpx;"></view>
		<view class="bomPosition ">
			<view class="flex_b">
				<view class="flex">
					<image :src="$util.img(shopDetali.avatar)" v-if="shopDetali.avatar" mode=""
						class="w-64 h-64 bor-32"></image>
					<image src="/static/userNone.png" v-else mode="" class="w-64 h-64 bor-32"></image>
					<view class="m-l-20">
						<view class="font-28">{{shopDetali.realname||'微信用户'}}</view>
						<view class="font-18 grey" v-if="shopDetali.type_text">{{shopDetali.type_text||''}}</view>
					</view>
				</view>
				<view class="flex">
					<button class="flex_c textC bomBtnR m-r-16" open-type="contact">
						<view class="iconfont icon-a-1 white" style="font-size: 32rpx;"></view>
						<view class="white">在线聊</view>
					</button>
					<view class="flex_c textC bomBtnR m-r-16" style="background-color: #e5632b;"
						@click="$util.plone(shopDetali.mobile)">
						<view class="iconfont icon-dianhua white" style="font-size: 32rpx;"></view>
						<view class="white">打电话</view>
					</view>
				</view>
			</view>
			<view class="h-10"></view>
		</view>

		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				arrs:['商业街店铺','写字楼','社区电商','临街门面','档口摊位','购物百货中心','其他'],
				shopDetali:{}
			};
		},
		onLoad(res) {
			this.getDetail(res.id)
		},
		methods:{
			// 预约看房
			yuYueFn() {
				this.$refs.popup.open('center');
			},
			submitPlone() {
				// 提交手机号
				this.$refs.popup.close();
				this.$refs.popupPLone.open('center');
			},
			getDetail(id) {
				this.$api.sendRequest({
					url:'/api/sitingrent/detail',
					data:{
						id:id
					},success:res=> {
						this.shopDetali = res.data
					}
				})
			}
		}
	}
</script>

<style lang="scss">
page {
	background-color: #f5f6f7;
}
	.bomBtnR {
		width: 176rpx;
		height: 88rpx;
		opacity: 1;
		border-radius: 50rpx;
		background: rgba(59, 196, 140, 1);
	}
	.sheshiList {
		margin-top: 25rpx;
		display: flex;
		flex-wrap: wrap;
	}

	.sheshiItem {
		width: 20%;
		text-align: center;
		margin-bottom: 20rpx;

		image {
			width: 64rpx;
			height: 64rpx;
		}
	}
</style>
